<template>
  <div class="contactUs">
    <div class="header">
      <div class="header-top">
        <div class="navbar">
          <div class="logo">
            <a class="navbar-logo" href="#">
              <img alt="logo" src="../../static/icon/logos.png"> 小微助手
            </a>
          </div>
          <ul>
            <li>
              <router-link to="/Home">首页</router-link>
            </li>
            <li>
              <router-link to="/ProductFunction">产品功能</router-link>
            </li>
            <li>
              <router-link to="/ContactUs">联系我们</router-link>
            </li>
            <li>
              <router-link to="/BuyNow" style="color:#FFFF00">我也想要</router-link>
            </li>
          </ul>
        </div>
      </div>
      <div class="header-banner">
        <div class="banner">
          <div class="banner-left">
            <h2>
              <span>10</span>年专注运营社群解决方案</h2>
            <h4>专业、专心、专注</h4>
          </div>
          <div class="banner-right">
            <img style="height:280px;" src="../../static/images/pic-10.png">
          </div>
        </div>
      </div>
    </div>
    <div class="content content-1">
      <h3>公司简介</h3>
      <div class="title-line"></div>
      <div class="intro">
        <p>徐州五色花网络科技有限公司是国内专业的社群服务商，打造了一起社群、小微助手、一起微商等品牌项目，开发出多群管理、社群空间等基于社群服务的现象级产品。</p>
        <p>公司位于徐州高新企业集中地——软件园，自有独栋办公楼，欢迎各位客户实地考察。</p>
      </div>
    </div>
    <div style="height: 50px;"></div>
  </div>
</template>
<script>
export default {
  name: 'ContactUs',
  data () {
    return {}
  }
}

</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .header-top {
    width: 100%;
    background-color: #46ADAC;
  }

  .header-banner {
    width: 100%;
    background-color: #46ADAC;
    height: 330px;
  }

  .banner {
    width: 1000px;
    margin: 0 auto;
  }

</style>
